import { useState } from "react";

function App() {
  const [count, setCount] = useState(0);

  function handleCount() {
    // 传递函数 count 就是要更改的状态 返回更改后的状态
    setCount((count) => {
      //document.title = count + 1;
      //return count + 1
      const newCount = count + 1;
      document.title = newCount;
      return newCount;
    });

    // 此位置拿到的是上一次的count,证明设置状态的方法是异步的,可以将这个操作放到上面的函数里
    // document.title = count
  }
  return (
    <div>
      <span>{count}</span>
      <button onClick={handleCount}>+1</button>
    </div>
  );
}
export default App;
